<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/pc_master">
<div layout:fragment="content" class="section page-content">
    <link rel="stylesheet" href="/pc/css/center/setup/index.css">
    <!-- s: 导航 -->
    <div class="breadcrumb-wrap">
        <div class="layui-main clearfix">
            <div class="breadcrumb">
                <a href="/">首页</a> - <a href="/center">用户中心</a> - 黑名单
            </div>
        </div>
    </div>
    <!-- e: 导航 -->
    <div class="section page-content">
        <div class="layui-main clearfix">

         <div th:include="layout/center_left :: center_left" class="manage-aside"></div>

            <div class="manage-main">
                <ul class="layui-nav nav main-nav">
                    <li class="layui-nav-item">
                        <a href="/center/setup">
                            设置
                        </a>
                    </li>

                    <li class="layui-nav-item layui-this">
                        <a href="/center/setup/blacklist">
                            黑名单
                        </a>
                    </li>


                    <span class="layui-nav-bar" style="left: 92px; top: 57px; width: 0px; opacity: 0;"></span></ul>
                <div class="main-content">


                    <div class="layui-form blacklist">
                        <table class="layui-table">
                            <colgroup>
                                <col>
                                <col width="170">
                                <col width="60">

                            </colgroup>
                            <thead>
                            <tr>
                                <th>用户</th>
                                <th>拉黑时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>


                                    <a class="lists_user" target="_blank" href="https://demo.bottlecms.com/single/552">
                                        <img class="photo" src="https://cdn.demo.bottlecms.com/uploads/original/20201007/36c1520e09c95697e815a00446b7a616.jpeg?x-oss-process=image/resize,m_fill,h_50,w_50">
                                        <span class="user_info">
                                            <h6 class="nickname">王颖</h6>
                                            <p class="info">
                                                31岁 .
                                                20000~30000元 .

                                            </p>
                                        </span>
                                    </a>

                                </td>
                                <td>2021-01-23 14:04:46</td>

                                <td><button class="layui-btn layui-btn-xs js_quxiao" data-id="552">拉出</button></td>
                            </tr>

                            </tbody>
                        </table>

<!--                        <div class="notfound">-->
<!--                            没有找到相关数据……-->
<!--                        </div>-->
                    </div>

                    <!-- s: 分页 -->
                    <div class="manage-pagination-wrap">

                    </div>
                    <!-- e: 分页 -->




                    <div style="height: 50px;"></div>




                </div>

            </div>

        </div>
    </div>

</div>
<div layout:fragment="contentFooter">
    <script type="text/javascript">
        var _page = $('.page');
        //列表点击
        $(_page).on('click', '.blacklist tr .js_quxiao', function(event) {
            var _this = this;
            var target_id = $(this).data("id");
            bottlecms.confirm("确定要把TA拉出黑明单吗", function() {
                bottlecms.get(BOTTLECMS_HOME_PATH + 'single/' + target_id + '/unblacklist', null, function(data) {
                    if (data.success == true) {
                        location.reload();
                        bottlecms.toast(data.msg);
                    } else {
                        bottlecms.toast(data.msg);
                    }
                })
            });

        });
    </script>
</div>
</html>